.app-footer {
  background: linear-gradient(90deg, #f8f9fc 0%, #ffffff 100%);
  border-top: 1px solid var(--color-border-1);
  padding: 16px 0;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.05);
}

.footer-content {
  text-align: center;
  color: var(--color-text-2);
  font-size: var(--font-size-sm);
}

.footer-content p {
  margin: 0;
  animation: fadeIn 1s ease-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}